<template>
	<view>
		<!-- 搜索框 -->
		<Search />
		<!-- 商机 -->
		<div class="topContainer">
				<p class="item">
					<span class="left">2</span>个商机,商机总金额<span class="right">¥1412932.00</span>元
				</p>
		</div>
		<!-- 内容 -->
		<div class="bottomContainer">
			<p class="one">制冷机采购</p>
			<p>可口可乐客户</p>
			<p>验证客户(1/4)
					<u-line-progress active-color="#2979ff" :percent="25" :show-percent="percent" height="20" ></u-line-progress>
			</p>
			<p>预计成交:&nbsp;2021-06-04&nbsp;/&nbsp;负责人&nbsp;:&nbsp;admin</p>
			<span>¥1231232元</span>
		</div>
	</view>
</template>

<script>
	import Search from '../../components/Search/index.vue'
	export default {
		data() {
			return {
				percent:false,//进度条内部不显示百分比数值
			}
		},
		components:{
			Search
		},
		methods: {
			
		}
	}
</script>

<style lang="less" scoped>
.topContainer{
	height: 80rpx;
	background: #fff;
	.item{
		line-height: 80rpx;
		margin:20rpx 0 0 40rpx;
		.left{
			color: #4C73D5;
			font-weight: 600;
		}
		.right{
			color: #C5782C;
			font-weight: 600;
		}
	}
}
.bottomContainer{
	height: 280rpx;
	width: 100%;
	background-color: #fff;
	margin: 10rpx 0;
	padding: 30rpx;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	.one{
		font-size: 35rpx;
		font-weight: 600;
	}
	span{
		position: absolute;
		top:100rpx;
		right: 70rpx;
		color: #C5782C;
		font-weight: 600;
	}
}
</style>
